﻿<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/17-content-code/mootools-slider.svn.js" type="text/javascript"></script>
<script src="http://24work-new.googlecode.com/svn/trunk/24work-blogspot/featured-post/n17-content-slider/n17-content-slider-05.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#slider-stage{width:100%; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:200px; margin:0 auto; border:2px solid #000000; background-color:#000000;  }
#slider-buttons{float:left; width:100%; margin:0 auto; border:2px solid #000000; color:#ffffff; font-weight:bold; background-color:#000000;filter:alpha(opacity=60);opacity:0.6;}
	#slider-list{width:4500px; border:0; margin:0; padding:0; left:400px;}
	#slider-list li{
		list-style:none;
		margin:0;
		padding:0;
		border:0;
		margin-right:4px;
		padding:4px;
		background:#DEDEDE;
		float:left;
		width:200px;
		height:200px;
		}
</style>




<h3>» How To Add MooTools Featured Content Slider to blogger</h3>


<div id="slider-stage">

<ul id="slider-list">

<li id="l1"><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank" title="How to change mouse cursor in blogger blog to animated cursors">
<img alt="How to change mouse cursor in blogger blog to animated cursors" width="200" src="http://2.bp.blogspot.com/-K_2wwgsZkWw/Uhnj7LRRGGI/AAAAAAAABIM/c-I2AEoZZnk/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="200"/></a></li>

<li id="l2"><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank" title="Numbered Page Navigation For Blogger New Script">
<img alt="Numbered Page Navigation For Blogger New Script" width="200" src="http://2.bp.blogspot.com/-PlV205zDJXI/Uhnm1ZN1W2I/AAAAAAAABIg/nw5gu9LTvIA/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="200"/></a></li>

<li id="l3"><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank" title="How To Add Snow Effect On The Blogger Mouse Cursor Area">
<img alt="How To Add Snow Effect On The Blogger Mouse Cursor Area" width="200" src="http://1.bp.blogspot.com/-M0EQDInUmnA/UhnoxhiOzPI/AAAAAAAABIs/BP1BBPF9NdE/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="200"/></a></li>

<li id="l4"><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank" title="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger">
<img alt="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger" width="200" src="http://1.bp.blogspot.com/-RkVjrr2ep3Q/UhnqZIfLhII/AAAAAAAABI4/5dxe7L1Hgfw/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="200"/></a></li>
	
<li id="l5"><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" title="How To Add Animated Flash Clock To Your Blogger Blog">
<img alt="How To Add Animated Flash Clock To Your Blogger Blog" width="200" src="http://4.bp.blogspot.com/-XMxYEw2NibM/UhozkOB-YXI/AAAAAAAABJI/N6uGRQTwrXQ/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="200"/></a></li>

</ul>

</div>

<div id="slider-buttons">
<a id="previous" href="#">Previous</a> | <a id="next" href="#">Next</a>
</div>
</div>
<div class="clear"></div>
